<!DOCTYPE HTML>
<html>
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="MSHTML 6.00.2800.1106" name="GENERATOR">
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
</head>
<style>
</style>
<body>
<div class="j_div"></div>
<script type="text/javascript" src="../scripts/vendor/jquery-3.4.1/jquery-3.4.1.js"></script>
<script type="text/javascript">
    for (let i = 0; i < 8; i++) {
        $(".j_div").append('<form class="file_form" enctype="multipart/form-data"><div>\n' +
            '    <input type="text" class="j_file">\n' +
            '    <input type="file" class=" j_file_' + i + '">\n' +
            '    <button>添加</button>\n' +
            '</div></form>');
    }

    $(document).on("change", ".j_file", (e) => {
        let file = $(e.target).closest(".file_form");
        debugger

        // let formData = new FormData(file[0]);
        // formData.append("videoName","111");
        // formData.append("videoIntroduction","222");
        //
        // $.ajax({
        //     url: "http://192.168.7.139:8080/upload/upload",
        //     type: "post",
        //     cache: false,
        //     data: formData,
        //     processData: false,
        //     contentType: false,
        //     success: function (response) {
        //
        //     }
        // });
    });
</script>
</body>

</html>
